﻿@{
    ViewBag.Title = "OrgChart";
    Layout = "~/Views/Shared/ListLayout.cshtml";
}


<div id="chartCanvas" class="easyui-panel" style="padding:5px" data-options="fit:true,border:true">
    <div id="chart" class="orgChart"></div>
</div>

@Html.Raw(ViewBag.OrgChartContent)

@section Style{
    <link href="~/Scripts/jquery-jOrgChart/css/jquery.jOrgChart.css" rel="stylesheet" />
    <link href="~/Scripts/jquery-jOrgChart/css/custom.css" rel="stylesheet" />
}
@section Script{
    <script src="~/Scripts/jquery-jOrgChart/jquery.jOrgChart.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#org").jOrgChart({
                chartElement: '#chart',
                dragAndDrop: false
            });
        });
    </script>
}

